export type ButtonType = 'primary' | 'main' | 'info';
export const ButtonTypeEnum = {
  primary:
    'text-white dark:bg-zinc-200 bg-zinc-900 dark:hover:bg-zinc-700 hover:bg-zinc-900 active:bg-zinc-800 dark:active:bg-zinc-700',
  main: 'text-white dark:bg-zinc-900 bg-main dark:hover:bg-zinc-700  hover:bg-hover-main dark:active:bg-zinc-700 active:bg-main',
  info: 'text-zinc-800 dark:text-zinc-300 bg-zinc-200 dark:bg-zinc-700 hover:bg-zinc-300 dark:hover:bg-zinc-600 active:bg-zinc-200 dark:active:bg-zinc-700'
};

export type ButtonSize = 'default' | 'icon' | 'small';
export const ButtonSizeEnum = {
  default: {
    button: 'w-8 h-4 text-base',
    icon: ''
  },
  'icon-default': {
    button: 'w-4 h-4',
    icon: 'w-1.5 h-1.5'
  },

  small: {
    button: 'w-7 h-3 text-base',
    icon: ''
  },
  'icon-small': {
    button: 'w-3 h-3',
    icon: 'w-1.5 h-1.5'
  }
};

export interface ButtonProps {
  icon?: string;
  iconColor?: string;
  iconClass?: string;

  type?: ButtonType;
  size?: ButtonSize;

  isActiveAnimation?: boolean;
  loading?: boolean;
}
